﻿<!DOCTYPE html>
<html lang="zh-cn">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="renderer" content="webkit">
		<meta name="keywords" content="颜色，自定义颜色，自定义颜色样式" />
		<meta name="description" content="通过简单的配置生成符合拼图响应式前端框架的自定义颜色样式。" />
		<title>自定义颜色样式生成工具-拼图工具-拼图前端框架</title>
		<link href="../pintuer.css" rel="stylesheet" type="text/css" />
		<link href="../style.css" rel="stylesheet" type="text/css" />
		<script src="../jquery.js"></script>
		<script src="../pintuer.js"></script>
		<script src="../plugins/respond.js"></script>
		<link type="image/x-icon" href="../favicon.ico" rel="shortcut icon" />
		<link href="../favicon.ico" rel="bookmark icon" />
		<style>
			.demo-nav.fixed.fixed-top {
				z-index: 8;
				background: #fff;
				width: 100%;
				padding: 0;
				border-bottom: solid 3px #0a8;
				-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
				box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
			}

			.hove {
				border: 1px solid #0a8;
				cursor: crosshair;
			}
		</style>
	</head>

	<body>
		<!--顶部-->
		<div class="layout bg-main bg-inverse fixed" style="z-index: 9;">
			<div class="container">
				<div class="navbar">
					<div class="navbar-head">
						<button class="button bg-white icon-navicon" data-target="#respond"></button>
						<a href="../index.html"><img src="images/30-white.png" /> <strong class="text-big">拼图 - 工具</strong></a>
					</div>
					<div class="navbar-body nav-navicon" id="respond">
						<ul class="nav nav-inline nav-menu navbar-right">
							<li>
								<a target="_blank" href="../javascript:void(0)">演示</a>
								<ul class="drop-menu">
									<li><a href="../index.html">起步</a> </li>
									<li><a href="../css.html">CSS</a> </li>
									<li><a href="../widgets.html">元件</a> </li>
									<li><a href="../javascript.html">JS组件</a> </li>
									<li><a href="../react.html">常用</a></li>
								</ul>
							</li>
							<li>
								<a class="bg-green" target="_blank" href="index.html">工具</a>
								<ul class="drop-menu">
									<li><a target="_blank" href="test.html">响应式测试工具</a></li>
									<li><a target="_blank" href="form.html">表单设计生成</a></li>
									<li><a target="_blank" href="animation.html">CSS3动画生成</a></li>
									<li><a target="_blank" href="viewcode.html">代码预览工具</a></li>
									<li><a target="_blank" href="color.html">自定义颜色生成</a></li>
									<li><a target="_blank" href="setcolor.html">配色工具</a></li>
									<li><a target="_blank" href="popo.html">气泡框生成</a></li>
								</ul>
							</li>
							<li><a class="bg-yellow" target="_blank" href="../start.html">拼图使用文档</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<br />
		<div class="container">
			由作者<a class="text-dot" href="../http://www.dahuotu.com">大火兔</a>友情提供
			<div class="alert-yellow margin padding">
				该工具用于生成自定义颜色样式，提供两种方式，1、直接选择颜色生成样式。 2、自己设定颜色名、颜色说明、颜色值生成样式。
			</div>
		</div>
		<br />
		<!--内容-->
		<div class="container">

			<div class="panel doc-demo" style="margin-right: 5px:">
				<div class="panel-head doc-ad0">
					<strong>颜色值表</strong>
				</div>
				<div class="panel-body">
					<table id="table-color" border="0" cellspacing="0" cellpadding="0" class="table">
						<tbody>
							<tr>
								<th height="60" align="center" colspan="6">
									<form onsubmit="return false;" class="form-inline  form-tips">
										<div class="form-group" id="f_1450749494053">
											<div class="label">
												<label for="f_remark_txt">
													说明（例：红色）
												</label>
											</div>
											<div class="field">
												<input type="text" class="input" id="f_remark_txt" name="f_remark_txt" maxlength="50" value="" data-validate="required:请填写内容,chinese:请输入汉字,length#<50:字数在0-50个" placeholder="填写CSS说明">
											</div>
										</div>
										<div class="form-group" id="f_1450749495751">
											<div class="label">
												<label for="f_name_txt">
													名称（例：red）
												</label>
											</div>
											<div class="field">
												<input type="text" class="input" id="f_name_txt" name="f_name_txt" maxlength="50" value="" data-validate="required:请填写内容,length#<50:字数在0-50个" placeholder="填写颜色名">
											</div>
										</div>
										<div class="form-group" id="f_1450749524615">
											<div class="label">
												<label for="f_color_txt">
													色值（例：DC143C）
												</label>
											</div>
											<div class="field">
												<input type="text" class="input" id="f_color_txt" name="f_color_txt" maxlength="6" value="" data-validate="required:请填写英文,regexp#[0-9a-fA-F]{6}:请输入英文/数字,length#<=6:字数在1-6个" placeholder="填写颜色值">
											</div>
										</div>
										<div class="form-group" id="f_1450749524605">
											<button type="submit" id="btn-create-css" class='button bg-green'>生成样式</button>
										</div>
									</form>
									<hr>
									<h2 class="text-center">
												十六进制颜色表
									</h2>
								</th>
							</tr>
							<tr>
								<th align="center">
									<strong>颜&nbsp; &nbsp;色</strong>
								</th>
								<th align="center">
									<strong>英文代码</strong>
								</th>
								<th>
									<strong>形象描述</strong>
								</th>
								<th align="center">
									<strong>十六进制</strong>
								</th>
								<th>
									<strong>RGB</strong>
								</th>
								<th align="center">
									<strong>操作</strong>
								</th>
							</tr>
							<tr>
								<td bgcolor="#ffb6c1" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									lightpink
								</td>
								<td style="text-align:center;">
									浅粉红
								</td>
								<td style="text-align:center;">
									#FFB6C1
								</td>
								<td style="text-align:center;">
									255,182,193
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffc0cb" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Pink
								</td>
								<td style="text-align:center;">
									粉红
								</td>
								<td style="text-align:center;">
									#FFC0CB
								</td>
								<td style="text-align:center;">
									255,192,203
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#dc143c" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Crimson
								</td>
								<td style="text-align:center;">
									猩红
								</td>
								<td style="text-align:center;">
									#DC143C
								</td>
								<td style="text-align:center;">
									220,20,60
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fff0f5" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LavenderBlush
								</td>
								<td style="text-align:center;">
									脸红的淡紫色
								</td>
								<td style="text-align:center;">
									#FFF0F5
								</td>
								<td style="text-align:center;">
									255,240,245
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#db7093" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PaleVioletRed
								</td>
								<td style="text-align:center;">
									苍白的紫罗兰红色
								</td>
								<td style="text-align:center;">
									#DB7093
								</td>
								<td style="text-align:center;">
									219,112,147
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff69b4" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									HotPink
								</td>
								<td style="text-align:center;">
									热情的粉红
								</td>
								<td style="text-align:center;">
									#FF69B4
								</td>
								<td style="text-align:center;">
									255,105,180
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff1493" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DeepPink
								</td>
								<td style="text-align:center;">
									深粉色
								</td>
								<td style="text-align:center;">
									#FF1493
								</td>
								<td style="text-align:center;">
									255,20,147
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#c71585" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumVioletRed
								</td>
								<td style="text-align:center;">
									适中的紫罗兰红色
								</td>
								<td style="text-align:center;">
									#C71585
								</td>
								<td style="text-align:center;">
									199,21,133
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#da70d6" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Orchid
								</td>
								<td style="text-align:center;">
									兰花的紫色
								</td>
								<td style="text-align:center;">
									#DA70D6
								</td>
								<td style="text-align:center;">
									218,112,214
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#d8bfd8" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Thistle
								</td>
								<td style="text-align:center;">
									蓟
								</td>
								<td style="text-align:center;">
									#D8BFD8
								</td>
								<td style="text-align:center;">
									216,191,216
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#dda0dd" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									plum
								</td>
								<td style="text-align:center;">
									李子
								</td>
								<td style="text-align:center;">
									#DDA0DD
								</td>
								<td style="text-align:center;">
									221,160,221
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ee82ee" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Violet
								</td>
								<td style="text-align:center;">
									紫罗兰
								</td>
								<td style="text-align:center;">
									#EE82EE
								</td>
								<td style="text-align:center;">
									238,130,238
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff00ff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Magenta
								</td>
								<td style="text-align:center;">
									洋红
								</td>
								<td style="text-align:center;">
									#FF00FF
								</td>
								<td style="text-align:center;">
									255,0,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff00ff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Fuchsia
								</td>
								<td style="text-align:center;">
									灯笼海棠(紫红色)
								</td>
								<td style="text-align:center;">
									#FF00FF
								</td>
								<td style="text-align:center;">
									255,0,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#8b008b" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkMagenta
								</td>
								<td style="text-align:center;">
									深洋红色
								</td>
								<td style="text-align:center;">
									#8B008B
								</td>
								<td style="text-align:center;">
									139,0,139
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#800080" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Purple
								</td>
								<td style="text-align:center;">
									紫色
								</td>
								<td style="text-align:center;">
									#800080
								</td>
								<td style="text-align:center;">
									128,0,128
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ba55d3" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumOrchid
								</td>
								<td style="text-align:center;">
									适中的兰花紫
								</td>
								<td style="text-align:center;">
									#BA55D3
								</td>
								<td style="text-align:center;">
									186,85,211
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#da00e0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkVoilet
								</td>
								<td style="text-align:center;">
									深紫罗兰色
								</td>
								<td style="text-align:center;">
									#9400D3
								</td>
								<td style="text-align:center;">
									148,0,211
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#9932cc" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkOrchid
								</td>
								<td style="text-align:center;">
									深兰花紫
								</td>
								<td style="text-align:center;">
									#9932CC
								</td>
								<td style="text-align:center;">
									153,50,204
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#4b0082" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Indigo
								</td>
								<td style="text-align:center;">
									靛青
								</td>
								<td style="text-align:center;">
									#4B0082
								</td>
								<td style="text-align:center;">
									75,0,130
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#8a2be2" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									BlueViolet
								</td>
								<td style="text-align:center;">
									深紫罗兰的蓝色
								</td>
								<td style="text-align:center;">
									#8A2BE2
								</td>
								<td style="text-align:center;">
									138,43,226
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#9370db" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumPurple
								</td>
								<td style="text-align:center;">
									适中的紫色
								</td>
								<td style="text-align:center;">
									#9370DB
								</td>
								<td style="text-align:center;">
									147,112,219
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#7b68ee" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumSlateBlue
								</td>
								<td style="text-align:center;">
									适中的板岩暗蓝灰色
								</td>
								<td style="text-align:center;">
									#7B68EE
								</td>
								<td style="text-align:center;">
									123,104,238
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#6a5acd" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SlateBlue
								</td>
								<td style="text-align:center;">
									板岩暗蓝灰色
								</td>
								<td style="text-align:center;">
									#6A5ACD
								</td>
								<td style="text-align:center;">
									106,90,205
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#483d8b" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkSlateBlue
								</td>
								<td style="text-align:center;">
									深岩暗蓝灰色
								</td>
								<td style="text-align:center;">
									#483D8B
								</td>
								<td style="text-align:center;">
									72,61,139
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#e6e6fa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Lavender
								</td>
								<td style="text-align:center;">
									熏衣草花的淡紫色
								</td>
								<td style="text-align:center;">
									#E6E6FA
								</td>
								<td style="text-align:center;">
									230,230,250
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f8f8ff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									GhostWhite
								</td>
								<td style="text-align:center;">
									幽灵的白色
								</td>
								<td style="text-align:center;">
									#F8F8FF
								</td>
								<td style="text-align:center;">
									248,248,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#0000ff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Blue
								</td>
								<td style="text-align:center;">
									纯蓝
								</td>
								<td style="text-align:center;">
									#0000FF
								</td>
								<td style="text-align:center;">
									0,0,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#0000cd" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumBlue
								</td>
								<td style="text-align:center;">
									适中的蓝色
								</td>
								<td style="text-align:center;">
									#0000CD
								</td>
								<td style="text-align:center;">
									0,0,205
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#191970" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MidnightBlue
								</td>
								<td style="text-align:center;">
									午夜的蓝色
								</td>
								<td style="text-align:center;">
									#191970
								</td>
								<td style="text-align:center;">
									25,25,112
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00008b" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkBlue
								</td>
								<td style="text-align:center;">
									深蓝色
								</td>
								<td style="text-align:center;">
									#00008B
								</td>
								<td style="text-align:center;">
									0,0,139
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#000080" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Navy
								</td>
								<td style="text-align:center;">
									海军蓝
								</td>
								<td style="text-align:center;">
									#000080
								</td>
								<td style="text-align:center;">
									0,0,128
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#4169e1" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									RoyalBlue
								</td>
								<td style="text-align:center;">
									皇军蓝
								</td>
								<td style="text-align:center;">
									#4169E1
								</td>
								<td style="text-align:center;">
									65,105,225
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#6495ed" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									CornflowerBlue
								</td>
								<td style="text-align:center;">
									矢车菊的蓝色
								</td>
								<td style="text-align:center;">
									#6495ED
								</td>
								<td style="text-align:center;">
									100,149,237
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#b0c4de" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightSteelBlue
								</td>
								<td style="text-align:center;">
									淡钢蓝
								</td>
								<td style="text-align:center;">
									#B0C4DE
								</td>
								<td style="text-align:center;">
									176,196,222
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#778899" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightSlateGray
								</td>
								<td style="text-align:center;">
									浅石板灰
								</td>
								<td style="text-align:center;">
									#778899
								</td>
								<td style="text-align:center;">
									119,136,153
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#708090" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SlateGray
								</td>
								<td style="text-align:center;">
									石板灰
								</td>
								<td style="text-align:center;">
									#708090
								</td>
								<td style="text-align:center;">
									112,128,144
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#d0e000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DoderBlue
								</td>
								<td style="text-align:center;">
									道奇蓝
								</td>
								<td style="text-align:center;">
									#1E90FF
								</td>
								<td style="text-align:center;">
									30,144,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f0f8ff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									AliceBlue
								</td>
								<td style="text-align:center;">
									爱丽丝蓝
								</td>
								<td style="text-align:center;">
									#F0F8FF
								</td>
								<td style="text-align:center;">
									240,248,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#4682b4" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SteelBlue
								</td>
								<td style="text-align:center;">
									钢蓝
								</td>
								<td style="text-align:center;">
									#4682B4
								</td>
								<td style="text-align:center;">
									70,130,180
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#87cefa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightSkyBlue
								</td>
								<td style="text-align:center;">
									淡蓝色
								</td>
								<td style="text-align:center;">
									#87CEFA
								</td>
								<td style="text-align:center;">
									135,206,250
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#87ceeb" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SkyBlue
								</td>
								<td style="text-align:center;">
									天蓝色
								</td>
								<td style="text-align:center;">
									#87CEEB
								</td>
								<td style="text-align:center;">
									135,206,235
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00bfff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DeepSkyBlue
								</td>
								<td style="text-align:center;">
									深天蓝
								</td>
								<td style="text-align:center;">
									#00BFFF
								</td>
								<td style="text-align:center;">
									0,191,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#add8e6" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightBLue
								</td>
								<td style="text-align:center;">
									淡蓝
								</td>
								<td style="text-align:center;">
									#ADD8E6
								</td>
								<td style="text-align:center;">
									173,216,230
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#b0e0e6" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PowDerBlue
								</td>
								<td style="text-align:center;">
									火药蓝
								</td>
								<td style="text-align:center;">
									#B0E0E6
								</td>
								<td style="text-align:center;">
									176,224,230
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#5f9ea0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									CadetBlue
								</td>
								<td style="text-align:center;">
									军校蓝
								</td>
								<td style="text-align:center;">
									#5F9EA0
								</td>
								<td style="text-align:center;">
									95,158,160
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f0ffff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Azure
								</td>
								<td style="text-align:center;">
									蔚蓝色
								</td>
								<td style="text-align:center;">
									#F0FFFF
								</td>
								<td style="text-align:center;">
									240,255,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#e0ffff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightCyan
								</td>
								<td style="text-align:center;">
									淡青色
								</td>
								<td style="text-align:center;">
									#E1FFFF
								</td>
								<td style="text-align:center;">
									225,255,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#afeeee" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PaleTurquoise
								</td>
								<td style="text-align:center;">
									苍白的绿宝石
								</td>
								<td style="text-align:center;">
									#AFEEEE
								</td>
								<td style="text-align:center;">
									175,238,238
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00ffff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Cyan
								</td>
								<td style="text-align:center;">
									青色
								</td>
								<td style="text-align:center;">
									#00FFFF
								</td>
								<td style="text-align:center;">
									0,255,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00ffff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Aqua
								</td>
								<td style="text-align:center;">
									水绿色
								</td>
								<td style="text-align:center;">
									#00FFFF
								</td>
								<td style="text-align:center;">
									0,255,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00ced1" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkTurquoise
								</td>
								<td style="text-align:center;">
									深绿宝石
								</td>
								<td style="text-align:center;">
									#00CED1
								</td>
								<td style="text-align:center;">
									0,206,209
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#2f4f4f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkSlateGray
								</td>
								<td style="text-align:center;">
									深石板灰
								</td>
								<td style="text-align:center;">
									#2F4F4F
								</td>
								<td style="text-align:center;">
									47,79,79
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#008b8b" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkCyan
								</td>
								<td style="text-align:center;">
									深青色
								</td>
								<td style="text-align:center;">
									#008B8B
								</td>
								<td style="text-align:center;">
									0,139,139
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#008080" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Teal
								</td>
								<td style="text-align:center;">
									水鸭色
								</td>
								<td style="text-align:center;">
									#008080
								</td>
								<td style="text-align:center;">
									0,128,128
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#48d1cc" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumTurquoise
								</td>
								<td style="text-align:center;">
									适中的绿宝石
								</td>
								<td style="text-align:center;">
									#48D1CC
								</td>
								<td style="text-align:center;">
									72,209,204
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#20b2aa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightSeaGreen
								</td>
								<td style="text-align:center;">
									浅海洋绿
								</td>
								<td style="text-align:center;">
									#20B2AA
								</td>
								<td style="text-align:center;">
									32,178,170
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#40e0d0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Turquoise
								</td>
								<td style="text-align:center;">
									绿宝石
								</td>
								<td style="text-align:center;">
									#40E0D0
								</td>
								<td style="text-align:center;">
									64,224,208
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#a0a000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Auqamarin
								</td>
								<td style="text-align:center;">
									绿玉\碧绿色
								</td>
								<td style="text-align:center;">
									#7FFFAA
								</td>
								<td style="text-align:center;">
									127,255,170
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#66cdaa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumAquamarine
								</td>
								<td style="text-align:center;">
									适中的碧绿色
								</td>
								<td style="text-align:center;">
									#00FA9A
								</td>
								<td style="text-align:center;">
									0,250,154
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00fa9a" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MediumSpringGreen
								</td>
								<td style="text-align:center;">
									适中的春天的绿色
								</td>
								<td style="text-align:center;">
									#F5FFFA
								</td>
								<td style="text-align:center;">
									245,255,250
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f5fffa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MintCream
								</td>
								<td style="text-align:center;">
									薄荷奶油
								</td>
								<td style="text-align:center;">
									#00FF7F
								</td>
								<td style="text-align:center;">
									0,255,127
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00ff7f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SpringGreen
								</td>
								<td style="text-align:center;">
									春天的绿色
								</td>
								<td style="text-align:center;">
									#3CB371
								</td>
								<td style="text-align:center;">
									60,179,113
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#2e8b57" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SeaGreen
								</td>
								<td style="text-align:center;">
									海洋绿
								</td>
								<td style="text-align:center;">
									#2E8B57
								</td>
								<td style="text-align:center;">
									46,139,87
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f0fff0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Honeydew
								</td>
								<td style="text-align:center;">
									蜂蜜
								</td>
								<td style="text-align:center;">
									#F0FFF0
								</td>
								<td style="text-align:center;">
									240,255,240
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#90ee90" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightGreen
								</td>
								<td style="text-align:center;">
									淡绿色
								</td>
								<td style="text-align:center;">
									#90EE90
								</td>
								<td style="text-align:center;">
									144,238,144
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#98fb98" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PaleGreen
								</td>
								<td style="text-align:center;">
									苍白的绿色
								</td>
								<td style="text-align:center;">
									#98FB98
								</td>
								<td style="text-align:center;">
									152,251,152
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#8fbc8f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkSeaGreen
								</td>
								<td style="text-align:center;">
									深海洋绿
								</td>
								<td style="text-align:center;">
									#8FBC8F
								</td>
								<td style="text-align:center;">
									143,188,143
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#32cd32" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LimeGreen
								</td>
								<td style="text-align:center;">
									酸橙绿
								</td>
								<td style="text-align:center;">
									#32CD32
								</td>
								<td style="text-align:center;">
									50,205,50
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#00ff00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Lime
								</td>
								<td style="text-align:center;">
									酸橙色
								</td>
								<td style="text-align:center;">
									#00FF00
								</td>
								<td style="text-align:center;">
									0,255,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#228b22" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									ForestGreen
								</td>
								<td style="text-align:center;">
									森林绿
								</td>
								<td style="text-align:center;">
									#228B22
								</td>
								<td style="text-align:center;">
									34,139,34
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#008000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Green
								</td>
								<td style="text-align:center;">
									纯绿
								</td>
								<td style="text-align:center;">
									#008000
								</td>
								<td style="text-align:center;">
									0,128,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#006400" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkGreen
								</td>
								<td style="text-align:center;">
									深绿色
								</td>
								<td style="text-align:center;">
									#006400
								</td>
								<td style="text-align:center;">
									0,100,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#7fff00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Chartreuse
								</td>
								<td style="text-align:center;">
									查特酒绿
								</td>
								<td style="text-align:center;">
									#7FFF00
								</td>
								<td style="text-align:center;">
									127,255,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#7cfc00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LawnGreen
								</td>
								<td style="text-align:center;">
									草坪绿
								</td>
								<td style="text-align:center;">
									#7CFC00
								</td>
								<td style="text-align:center;">
									124,252,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#adff2f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									GreenYellow
								</td>
								<td style="text-align:center;">
									绿黄色
								</td>
								<td style="text-align:center;">
									#ADFF2F
								</td>
								<td style="text-align:center;">
									173,255,47
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#6b8e23" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									OliveDrab
								</td>
								<td style="text-align:center;">
									橄榄土褐色
								</td>
								<td style="text-align:center;">
									#556B2F
								</td>
								<td style="text-align:center;">
									85,107,47
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f5f5dc" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Beige
								</td>
								<td style="text-align:center;">
									米色(浅褐色)
								</td>
								<td style="text-align:center;">
									#6B8E23
								</td>
								<td style="text-align:center;">
									107,142,35
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fafad2" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightGoldenrodYellow
								</td>
								<td style="text-align:center;">
									浅秋麒麟黄
								</td>
								<td style="text-align:center;">
									#FAFAD2
								</td>
								<td style="text-align:center;">
									250,250,210
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fffff0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Ivory
								</td>
								<td style="text-align:center;">
									象牙
								</td>
								<td style="text-align:center;">
									#FFFFF0
								</td>
								<td style="text-align:center;">
									255,255,240
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffffe0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightYellow
								</td>
								<td style="text-align:center;">
									浅黄色
								</td>
								<td style="text-align:center;">
									#FFFFE0
								</td>
								<td style="text-align:center;">
									255,255,224
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffff00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Yellow
								</td>
								<td style="text-align:center;">
									纯黄
								</td>
								<td style="text-align:center;">
									#FFFF00
								</td>
								<td style="text-align:center;">
									255,255,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#808000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Olive
								</td>
								<td style="text-align:center;">
									橄榄
								</td>
								<td style="text-align:center;">
									#808000
								</td>
								<td style="text-align:center;">
									128,128,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#bdb76b" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkKhaki
								</td>
								<td style="text-align:center;">
									深卡其布
								</td>
								<td style="text-align:center;">
									#BDB76B
								</td>
								<td style="text-align:center;">
									189,183,107
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fffacd" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LemonChiffon
								</td>
								<td style="text-align:center;">
									柠檬薄纱
								</td>
								<td style="text-align:center;">
									#FFFACD
								</td>
								<td style="text-align:center;">
									255,250,205
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#a00d00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PaleGodenrod
								</td>
								<td style="text-align:center;">
									灰秋麒麟
								</td>
								<td style="text-align:center;">
									#EEE8AA
								</td>
								<td style="text-align:center;">
									238,232,170
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f0e68c" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Khaki
								</td>
								<td style="text-align:center;">
									卡其布
								</td>
								<td style="text-align:center;">
									#F0E68C
								</td>
								<td style="text-align:center;">
									240,230,140
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffd700" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Gold
								</td>
								<td style="text-align:center;">
									金
								</td>
								<td style="text-align:center;">
									#FFD700
								</td>
								<td style="text-align:center;">
									255,215,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#c00000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Cornislk
								</td>
								<td style="text-align:center;">
									玉米色
								</td>
								<td style="text-align:center;">
									#FFF8DC
								</td>
								<td style="text-align:center;">
									255,248,220
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#daa520" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									GoldEnrod
								</td>
								<td style="text-align:center;">
									秋麒麟
								</td>
								<td style="text-align:center;">
									#DAA520
								</td>
								<td style="text-align:center;">
									218,165,32
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fffaf0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									FloralWhite
								</td>
								<td style="text-align:center;">
									花的白色
								</td>
								<td style="text-align:center;">
									#FFFAF0
								</td>
								<td style="text-align:center;">
									255,250,240
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fdf5e6" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									OldLace
								</td>
								<td style="text-align:center;">
									老饰带
								</td>
								<td style="text-align:center;">
									#FDF5E6
								</td>
								<td style="text-align:center;">
									253,245,230
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f5deb3" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Wheat
								</td>
								<td style="text-align:center;">
									小麦色
								</td>
								<td style="text-align:center;">
									#F5DEB3
								</td>
								<td style="text-align:center;">
									245,222,179
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffe4b5" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Moccasin
								</td>
								<td style="text-align:center;">
									鹿皮鞋
								</td>
								<td style="text-align:center;">
									#FFE4B5
								</td>
								<td style="text-align:center;">
									255,228,181
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffa500" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Orange
								</td>
								<td style="text-align:center;">
									橙色
								</td>
								<td style="text-align:center;">
									#FFA500
								</td>
								<td style="text-align:center;">
									255,165,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffefd5" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PapayaWhip
								</td>
								<td style="text-align:center;">
									番木瓜
								</td>
								<td style="text-align:center;">
									#FFEFD5
								</td>
								<td style="text-align:center;">
									255,239,213
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffebcd" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									BlanchedAlmond
								</td>
								<td style="text-align:center;">
									漂白的杏仁
								</td>
								<td style="text-align:center;">
									#FFEBCD
								</td>
								<td style="text-align:center;">
									255,235,205
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffdead" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									NavajoWhite
								</td>
								<td style="text-align:center;">
									Navajo白
								</td>
								<td style="text-align:center;">
									#FFDEAD
								</td>
								<td style="text-align:center;">
									255,222,173
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#faebd7" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									AntiqueWhite
								</td>
								<td style="text-align:center;">
									古代的白色
								</td>
								<td style="text-align:center;">
									#FAEBD7
								</td>
								<td style="text-align:center;">
									250,235,215
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#d2b48c" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Tan
								</td>
								<td style="text-align:center;">
									晒黑
								</td>
								<td style="text-align:center;">
									#D2B48C
								</td>
								<td style="text-align:center;">
									210,180,140
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#b00000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									BrulyWood
								</td>
								<td style="text-align:center;">
									结实的树
								</td>
								<td style="text-align:center;">
									#DEB887
								</td>
								<td style="text-align:center;">
									222,184,135
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffe4c4" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Bisque
								</td>
								<td style="text-align:center;">
									(浓汤)乳脂,番茄等
								</td>
								<td style="text-align:center;">
									#FFE4C4
								</td>
								<td style="text-align:center;">
									255,228,196
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff8c00" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkOrange
								</td>
								<td style="text-align:center;">
									深橙色
								</td>
								<td style="text-align:center;">
									#FF8C00
								</td>
								<td style="text-align:center;">
									255,140,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#faf0e6" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Linen
								</td>
								<td style="text-align:center;">
									亚麻布
								</td>
								<td style="text-align:center;">
									#FAF0E6
								</td>
								<td style="text-align:center;">
									250,240,230
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#cd853f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Peru
								</td>
								<td style="text-align:center;">
									秘鲁
								</td>
								<td style="text-align:center;">
									#CD853F
								</td>
								<td style="text-align:center;">
									205,133,63
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffdab9" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									PeachPuff
								</td>
								<td style="text-align:center;">
									桃色
								</td>
								<td style="text-align:center;">
									#FFDAB9
								</td>
								<td style="text-align:center;">
									255,218,185
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f4a460" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SandyBrown
								</td>
								<td style="text-align:center;">
									沙棕色
								</td>
								<td style="text-align:center;">
									#F4A460
								</td>
								<td style="text-align:center;">
									244,164,96
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#d2691e" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Chocolate
								</td>
								<td style="text-align:center;">
									巧克力
								</td>
								<td style="text-align:center;">
									#D2691E
								</td>
								<td style="text-align:center;">
									210,105,30
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#8b4513" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SaddleBrown
								</td>
								<td style="text-align:center;">
									马鞍棕色
								</td>
								<td style="text-align:center;">
									#8B4513
								</td>
								<td style="text-align:center;">
									139,69,19
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fff5ee" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									SeaShell
								</td>
								<td style="text-align:center;">
									海贝壳
								</td>
								<td style="text-align:center;">
									#FFF5EE
								</td>
								<td style="text-align:center;">
									255,245,238
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#a0522d" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Sienna
								</td>
								<td style="text-align:center;">
									黄土赭色
								</td>
								<td style="text-align:center;">
									#A0522D
								</td>
								<td style="text-align:center;">
									160,82,45
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffa07a" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightSalmon
								</td>
								<td style="text-align:center;">
									浅鲜肉(鲑鱼)色
								</td>
								<td style="text-align:center;">
									#FFA07A
								</td>
								<td style="text-align:center;">
									255,160,122
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff7f50" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Coral
								</td>
								<td style="text-align:center;">
									珊瑚
								</td>
								<td style="text-align:center;">
									#FF7F50
								</td>
								<td style="text-align:center;">
									255,127,80
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff4500" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									OrangeRed
								</td>
								<td style="text-align:center;">
									橙红色
								</td>
								<td style="text-align:center;">
									#FF4500
								</td>
								<td style="text-align:center;">
									255,69,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#e9967a" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkSalmon
								</td>
								<td style="text-align:center;">
									深鲜肉(鲑鱼)色
								</td>
								<td style="text-align:center;">
									#E9967A
								</td>
								<td style="text-align:center;">
									233,150,122
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff6347" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Tomato
								</td>
								<td style="text-align:center;">
									番茄
								</td>
								<td style="text-align:center;">
									#FF6347
								</td>
								<td style="text-align:center;">
									255,99,71
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffe4e1" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									MistyRose
								</td>
								<td style="text-align:center;">
									薄雾玫瑰
								</td>
								<td style="text-align:center;">
									#FFE4E1
								</td>
								<td style="text-align:center;">
									255,228,225
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fa8072" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Salmon
								</td>
								<td style="text-align:center;">
									鲜肉(鲑鱼)色
								</td>
								<td style="text-align:center;">
									#FA8072
								</td>
								<td style="text-align:center;">
									250,128,114
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#fffafa" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Snow
								</td>
								<td style="text-align:center;">
									雪
								</td>
								<td style="text-align:center;">
									#FFFAFA
								</td>
								<td style="text-align:center;">
									255,250,250
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f08080" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightCoral
								</td>
								<td style="text-align:center;">
									淡珊瑚色
								</td>
								<td style="text-align:center;">
									#F08080
								</td>
								<td style="text-align:center;">
									240,128,128
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#bc8f8f" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									RosyBrown
								</td>
								<td style="text-align:center;">
									玫瑰棕色
								</td>
								<td style="text-align:center;">
									#BC8F8F
								</td>
								<td style="text-align:center;">
									188,143,143
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#cd5c5c" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									IndianRed
								</td>
								<td style="text-align:center;">
									印度红
								</td>
								<td style="text-align:center;">
									#CD5C5C
								</td>
								<td style="text-align:center;">
									205,92,92
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ff0000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Red
								</td>
								<td style="text-align:center;">
									纯红
								</td>
								<td style="text-align:center;">
									#FF0000
								</td>
								<td style="text-align:center;">
									255,0,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#a52a2a" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Brown
								</td>
								<td style="text-align:center;">
									棕色
								</td>
								<td style="text-align:center;">
									#A52A2A
								</td>
								<td style="text-align:center;">
									165,42,42
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#b22222" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									FireBrick
								</td>
								<td style="text-align:center;">
									耐火砖
								</td>
								<td style="text-align:center;">
									#B22222
								</td>
								<td style="text-align:center;">
									178,34,34
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#8b0000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkRed
								</td>
								<td style="text-align:center;">
									深红色
								</td>
								<td style="text-align:center;">
									#8B0000
								</td>
								<td style="text-align:center;">
									139,0,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#800000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Maroon
								</td>
								<td style="text-align:center;">
									栗色
								</td>
								<td style="text-align:center;">
									#800000
								</td>
								<td style="text-align:center;">
									128,0,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#ffffff" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									White
								</td>
								<td style="text-align:center;">
									纯白
								</td>
								<td style="text-align:center;">
									#FFFFFF
								</td>
								<td style="text-align:center;">
									255,255,255
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#f5f5f5" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									WhiteSmoke
								</td>
								<td style="text-align:center;">
									白烟
								</td>
								<td style="text-align:center;">
									#F5F5F5
								</td>
								<td style="text-align:center;">
									245,245,245
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#dcdcdc" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Gainsboro
								</td>
								<td style="text-align:center;">
									Gainsboro
								</td>
								<td style="text-align:center;">
									#DCDCDC
								</td>
								<td style="text-align:center;">
									220,220,220
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#d3d3d3" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									LightGrey
								</td>
								<td style="text-align:center;">
									浅灰色
								</td>
								<td style="text-align:center;">
									#D3D3D3
								</td>
								<td style="text-align:center;">
									211,211,211
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#c0c0c0" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Silver
								</td>
								<td style="text-align:center;">
									银白色
								</td>
								<td style="text-align:center;">
									#C0C0C0
								</td>
								<td style="text-align:center;">
									192,192,192
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#a9a9a9" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DarkGray
								</td>
								<td style="text-align:center;">
									深灰色
								</td>
								<td style="text-align:center;">
									#A9A9A9
								</td>
								<td style="text-align:center;">
									169,169,169
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#808080" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Gray
								</td>
								<td style="text-align:center;">
									灰色
								</td>
								<td style="text-align:center;">
									#808080
								</td>
								<td style="text-align:center;">
									128,128,128
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#696969" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									DimGray
								</td>
								<td style="text-align:center;">
									暗淡的灰色
								</td>
								<td style="text-align:center;">
									#696969
								</td>
								<td style="text-align:center;">
									105,105,105
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
							<tr>
								<td bgcolor="#000000" style="text-align:center;">
								</td>
								<td style="text-align:center;">
									Black
								</td>
								<td style="text-align:center;">
									纯黑
								</td>
								<td style="text-align:center;">
									#000000
								</td>
								<td style="text-align:center;">
									0,0,0
								</td>
								<td align='center'><a class='button button-small bg-green'>生成样式</a></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
			<br />
			<a id="btn_code" class="dialogs" data-toggle="click" data-target="#code_dialog" data-mask="1" data-width="50%">
			</a>
			<div id="code_dialog">
				<div class="dialog">
					<div class="dialog-head">
						<span class="close rotate-hover"></span><strong>生成代码</strong>
					</div>
					<div class="dialog-body" id="copy_code">
						<textarea class="input" style="height: 350px;"></textarea>
					</div>
					<div class="dialog-foot">
						<button class="button bg-green dialog-close">
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<!--PC和WAP自适应版-->
			<div id="SOHUCS" sid="pintuer-tools-color"></div>
			
		</div>
		<!--底部-->
		<br />
		<br />
		<div class="layout bg-black bg-inverse">
			<div class="container">
				<div class="navbar">
					<div class="navbar-head">
						<button class="button bg-gray icon-navicon" data-target="#navbar-footer"></button>
						<a href="../http://www.pintuer.com" target="_blank">
							<img class="logo" src="images/24-white.png" alt="拼图前端CSS框架" />
						</a>
					</div>
					<div class="navbar-body nav-navicon" id="Div1">
						<div class="navbar-text navbar-left hidden-s hidden-l">
							版权所有 &copy; <a href="../http://www.pintuer.com" target="_blank">Pintuer.com</a> All Rights Reserved
						</div>
						<ul class="nav nav-inline navbar-right">
							<li><a href="../http://www.pintuer.com">首页</a></li>
							<li>
								<a href="../http://www.pintuer.com">
                                CSS
                            </a>
							</li>
							<li><a href="../http://www.pintuer.com">元件</a></li>
							<li>
								<a href="../http://www.pintuer.com">更多</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="doc-backtop win-backtop icon-arrow-circle-up"></div>
		<script>
			$(function() {
				//复制代码
				$("#btn_copy,#btn_copy1").click(function() {
					$("#copy_code textarea").html($("#codeview").html());
				});
				$("#btn-create-css").click(function() {
					var name = $("#f_name_txt").val();
					var remark = $("#f_remark_txt").val();
					var color = $("#f_color_txt").val();
					$("form").ajaxSubmit(function() {
						create_code(name, remark, "#"+color);
					});
				});
				$("#table-color tr").click(function() {
					var name = $(this).children('td').eq(1).html().replace(/(^\s*)|(\s*$)/g, ""); //取颜色名
					var remark = $(this).children('td').eq(2).html().replace(/(^\s*)|(\s*$)/g, ""); //取颜色描述
					var color = $(this).children('td').eq(3).html().replace(/(^\s*)|(\s*$)/g, ""); //取颜色值
					create_code(name, remark, color);
				});
			});

			function create_code(name, remark, color) {
				var code_htm = "/*自定义*" + remark + "*文本/边框/背景色*/\r\n";
				code_htm += ".text-" + name.toLowerCase() + ",";
				code_htm += "a.text-" + name.toLowerCase() + ":link,";
				code_htm += "a.text-" + name.toLowerCase() + ":visited,";
				code_htm += ".button.border-" + name.toLowerCase() + ",";
				code_htm += "blockquote.border-" + name.toLowerCase() + ",";
				code_htm += ".pager.border-" + name.toLowerCase() + " a,";
				code_htm += ".pager-prev.border-" + name.toLowerCase() + ",";
				code_htm += ".pager-next.border-" + name.toLowerCase() + " {";
				code_htm += "	color: " + color.toLowerCase() + ";";
				code_htm += "}\r\n";
				code_htm += ".border-" + name.toLowerCase() + ",";
				code_htm += ".border-" + name.toLowerCase() + " .button,";
				code_htm += ".border-" + name.toLowerCase() + " .tab-nav li a,";
				code_htm += ".border-" + name.toLowerCase() + " .tab-body,";
				code_htm += ".button.bg-" + name.toLowerCase() + ",";
				code_htm += ".selected.border-" + name.toLowerCase() + ",";
				code_htm += ".pointer.border-" + name.toLowerCase() + " li,";
				code_htm += ".nav.border-" + name.toLowerCase() + " .active a,";
				code_htm += ".nav.nav-tabs.border-" + name.toLowerCase() + ",";
				code_htm += ".nav-main.border-" + name.toLowerCase() + " a,";
				code_htm += ".nav-main.border-" + name.toLowerCase() + " .nav-head,";
				code_htm += ".pagination.border-" + name.toLowerCase() + " li,";
				code_htm += ".pager.border-" + name.toLowerCase() + " a {";
				code_htm += "	border-color: " + color.toLowerCase() + ";";
				code_htm += "}\r\n";
				code_htm += ".bg-" + name.toLowerCase() + ",";
				code_htm += ".border-" + name.toLowerCase() + " .button.active,";
				code_htm += ".pointer.border-" + name.toLowerCase() + " .active,";
				code_htm += ".nav-pills.border-" + name.toLowerCase() + " .active a,";
				code_htm += ".nav-" + name.toLowerCase() + ".border-" + name.toLowerCase() + " .nav-head,";
				code_htm += ".pagination.border-" + name.toLowerCase() + " .active {";
				code_htm += "	background-color: " + color.toLowerCase() + ";";
				code_htm += "}";
				$(".input").text(code_htm);
				$("#btn_code").click();
			}
		</script>
	</body>

</html>
